<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcdn.net/ajax/libs/minireset.css/0.0.2/minireset.css" rel="stylesheet">
    <link rel="stylesheet" href="css/houdunren.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
    <header>
        <div class="container">
            <div class="logo">
                <a href="#"> </>houdurnen.com </a>
            </div>
            <nav>
                <a href="">系统学习</a>
                <a href="">实战课程</a>
                <a href="">最近更新</a>
                <a href="">话题讨论</a>
                <a href="">签到打卡</a>
                <a href="">订阅会员</a>
                <a href="">在线文档</a>
            </nav>
            <div class="message">
                <i class="fa fa-envelope-o" aria-hidden="true"></i>
            </div>
            <div class="user">
                name
                <div class="user-menu">
                    <a href="">修改资料</a>
                    <a href="">头像设置</a>
                    <a href="">修改密码</a>
                    <a href="">帖子</a>
                    <a href="">退出登录</a>
                </div>
            </div>
        </div>
    </header>
    <main>
        <div class="title">
            <div class="text1">系统学习</div>
            <div class="text2">通过系统课程全面掌握一门语言或软件的使用，尤其适合刚入门的新手系统牢固的掌握知识。</div>
        </div>
        <div class="course">
            <div>
                <a href=""><img src="https://houdunren-image.oss-cn-qingdao.aliyuncs.com/11572317368.png" alt=""></a>
                <div class="decoration">JAVASCRIPT编程语言</div>
            </div>
            <div>
                <a href=""><img src="https://houdunren-image.oss-cn-qingdao.aliyuncs.com/11565541049.png" alt=""></a>
                <div class="decoration">CSS3样式表</div>
            </div>
            <div>
                <a href=""><img src="https://houdunren-image.oss-cn-qingdao.aliyuncs.com/11564135080.png" alt=""></a>
                <div class="decoration">HTML标记语言</div>
            </div>
            <div>
                <a href=""><img src="https://houdunren-image.oss-cn-qingdao.aliyuncs.com/11562591185.png" alt=""></a>
                <div class="decoration">Mysql数据库</div>
            </div>
            <div>
                <a href=""><img src="https://houdunren-image.oss-cn-qingdao.aliyuncs.com/11565541853.png" alt=""></a>
                <div class="decoration">开发环境</div>
            </div>
            <div>
                <a href=""><img src="https://houdunren-image.oss-cn-qingdao.aliyuncs.com/11565541574.png" alt=""></a>
                <div class="decoration">编码软件</div>
            </div>
            <div>
                <a href=""><img src="https://houdunren-image.oss-cn-qingdao.aliyuncs.com/11565541314.png" alt=""></a>
                <div class="decoration">PHP7</div>
            </div>
        </div>
    </main>
    <footer>
        <div>我们的使命：传播互联网前沿技术，帮助更多的人实现梦想</div>
        <div>Copyright © 2010-2020 houdunren.com All Rights Reserved 京ICP备12048441号-3</div>
        <div class="connect">
            <i class="fa fa-phone" aria-hidden="true"></i> 18611400072  
            <i class="fa fa-envelope-o" aria-hidden="true"></i> 2300071698@qq.com
        </div>
        <div>
            编码: 向军大叔 / 晚八点直播
        </div>
    </footer>
</body>
</html>